<template>
  <Popup
    ref="popRef"
    title="查看回复"
    width="500px"
    async
    @confirm="$emit('close')"
    @close="$emit('close')"
  >
    <custom-title title="回复信息" style="margin-bottom: 20px" />
    <el-input
      size="medium"
      placeholder="请输入备注内容"
      v-model="props.popContent"
      :rows="6"
      type="textarea"
      show-word-limit
      disabled
    />
  </Popup>
</template>

<script setup lang="ts">
import customTitle from "@/components/custom-title/index.vue";
const props = withDefaults(
  defineProps<{
    popContent: string;
  }>(),
  {
    popContent: "",
  }
);

const emit = defineEmits(["close", "submit"]);

//弹框ref
const popRef = shallowRef();

//打开弹框
const open = () => {
  popRef.value.open();

  console.log("props.popContent", props.popContent);
};

defineExpose({ open });
</script>

<style>
.avatar-uploader .el-upload {
  border: 1px dashed var(--el-border-color);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: var(--el-transition-duration-fast);
}

.avatar-uploader .el-upload:hover {
  border-color: var(--el-color-primary);
}

.el-icon.avatar-uploader-icon {
  font-size: 28px;
  color: #cccccc;
  width: 120px;
  height: 120px;
  text-align: center;
  font-family: "Font Awesome 5 Pro Solid", "Font Awesome 5 Pro Regular",
    "Font Awesome 5 Pro", sans-serif;
  font-weight: 900;
}
</style>
